<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>兰博基尼-官方网站| Lamborghini.com</title>
	</head>
	<link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.css">
	<link rel="shortcut icon" href="./favicon.ico">
	<style>
		* {
			padding: 0;
			margin: 0;
		}

		body {
			background-color: #ffffff;
		}

		#bs-example-navbar-collapse-1 {
			border: 0 none;
			background-color: #000000;

		}

		.navbar-nav>li>a {
			padding-top: 38px;
			padding-bottom: 20px;
		}

		.container-fluid {
			padding-right: 0px;
			padding-left: 0px;
			margin-right: auto;
			margin-left: auto;

		}

		.navbar-default .navbar-collapse,
		.navbar-default .navbar-form {
			border-color: #000000;
		}

		.navbar-default .navbar-nav>li>a {
			color: #ffffff;
		}

		.navbar-default .navbar-nav>li>a:hover {
			color: #ffffff;
			border-bottom: 1px solid #ffffff;
		}

		.navbar-default {
			margin: 0 auto;
			background-color: #000000;
			border-color: #000000;
			position: fixed;
			z-index: 999;
			width: 100%;
			height: 90px;
		}

		.navbar-default .navbar-nav>.open>a,
		.navbar-default .navbar-nav>.open>a:hover,
		.navbar-default .navbar-nav>.open>a:focus {
			color: #ffffff;
			background-color: #ffffff;
		}

		#bs-example-navbar-collapse-1 ul li a:focus {
			color: #ffffff;
		}

		.carousel-caption {
			margin-bottom: 200px;
		}

		.page-title {
			font-weight: 500;
			text-align: left;
			margin-left: -60px;

		}

		.page-title1 {
			font-weight: 800;
			text-align: left;
			margin-left: -60px;
			font-size: 64px;

		}

		.container {
			width: 90%;
			background-color: #fff;
			margin: 0 auto;
		}

		#nav-c {
			width: 100%;
			margin-left: -40px;

		}

		image .vidio-box {
			width: 100%;
			margin: 0 auto;
			background-color: #000000;
		}

		.meride-video-container {
			width: 80%;
			margin: 0 auto;
		}

		.nav {
			margin: 0 auto;
		}

		.carousel-inner {
			width: 100%;
			margin: 0 auto;
		}

		.vidio-box {
			width: auto;
			background-color: #000000;
		}

		#tu img {
			width: 100%;
		}

		#nav-img {
			margin-left: 120px;
		}
	</style>
	<body>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
						data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">lamborghini</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><img src="image/logo.webp" alt=""></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">车型</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
								aria-haspopup="true" aria-expanded="false">定制解决方案<span class="caret"></span></a>
						<li><a href="#">车主服务</a></li>
						<li><a href="#">赛车运动</a></li>
						</li>
					</ul>

					<ul class="nav navbar-nav navbar-right">
						<li><a href="#">经销商</a></li>
						<li><a href="#">博物馆</a></li>
						<li><a href="#">商店</a></li>

					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>

		<div class="vidio-nav">
			<video width="1280" height="657" playsinline="" webkit-playsinline="" src="image/header.mp4"
				autoplay="autoplay" style="width: 100%; height: 100%; object-fit: cover;" loop="true"
				muted="muted"></video>
			<div class="carousel-caption">
				<h1 class="page-title">
					<div style="position:relative;display:inline-block;">
						<div style="position: relative; display: inline-block; opacity: 1;">S</div>
						<div style="position: relative; display: inline-block; opacity: 1;">I</div>
						<div style="position: relative; display: inline-block; opacity: 1;">Á</div>
						<div style="position: relative; display: inline-block; opacity: 1;">N</div>
					</div>
					<div style="position:relative;display:inline-block;">
						<div style="position: relative; display: inline-block; opacity: 1;">F</div>
						<div style="position: relative; display: inline-block; opacity: 1;">K</div>
						<div style="position: relative; display: inline-block; opacity: 1;">P</div>
					</div>
					<div style="position:relative;display:inline-block;">
						<div style="position: relative; display: inline-block; opacity: 1;">3</div>
						<div style="position: relative; display: inline-block; opacity: 1;">7</div>
					</div>
				</h1>
				<h1 class="page-title1" style="">TAKE ALL YOUR<br>SOULS TO DRIVE</h1>
			</div>
		</div>

		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="image/tecnica.webp" alt="...">
					<div class="carousel-caption">
						<h1 class="page-title">
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">H</div>
								<div style="position: relative; display: inline-block; opacity: 1;">u</div>
								<div style="position: relative; display: inline-block; opacity: 1;">r</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">c</div>
								<div style="position: relative; display: inline-block; opacity: 1;">á</div>
								<div style="position: relative; display: inline-block; opacity: 1;">n</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">T</div>
								<div style="position: relative; display: inline-block; opacity: 1;">e</div>
								<div style="position: relative; display: inline-block; opacity: 1;">c</div>
								<div style="position: relative; display: inline-block; opacity: 1;">n</div>
								<div style="position: relative; display: inline-block; opacity: 1;">i</div>
								<div style="position: relative; display: inline-block; opacity: 1;">c</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">&nbsp;</div>
							</div>
						</h1>
						<h1 class="page-title1" style="">TAKE ALL YOUR<br>SOULS TO DRIVE</h1>
					</div>
				</div>
				<div class="item">
					<img src="image/urus_graphite.webp" alt="...">
					<div class="carousel-caption">
						<h1 class="page-title">
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">A</div>
								<div style="position: relative; display: inline-block; opacity: 1;">v</div>
								<div style="position: relative; display: inline-block; opacity: 1;">e</div>
								<div style="position: relative; display: inline-block; opacity: 1;">n</div>
								<div style="position: relative; display: inline-block; opacity: 1;">t</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">d</div>
								<div style="position: relative; display: inline-block; opacity: 1;">o</div>
								<div style="position: relative; display: inline-block; opacity: 1;">r</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">L</div>
								<div style="position: relative; display: inline-block; opacity: 1;">P</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">7</div>
								<div style="position: relative; display: inline-block; opacity: 1;">8</div>
								<div style="position: relative; display: inline-block; opacity: 1;">0</div>
								<div style="position: relative; display: inline-block; opacity: 1;">-</div>
								<div style="position: relative; display: inline-block; opacity: 1;">4</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">U</div>
								<div style="position: relative; display: inline-block; opacity: 1;">l</div>
								<div style="position: relative; display: inline-block; opacity: 1;">t</div>
								<div style="position: relative; display: inline-block; opacity: 1;">i</div>
								<div style="position: relative; display: inline-block; opacity: 1;">m</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">e</div>
							</div>
						</h1>
						<h1 class="page-title1" style="">解锁任何道路</h1>
					</div>
				</div>
				<div class="item">
					<img src="image/aventador_ultimae.webp" alt="...">
					<div class="carousel-caption">
						<h1 class="page-title">
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">A</div>
								<div style="position: relative; display: inline-block; opacity: 1;">v</div>
								<div style="position: relative; display: inline-block; opacity: 1;">e</div>
								<div style="position: relative; display: inline-block; opacity: 1;">n</div>
								<div style="position: relative; display: inline-block; opacity: 1;">t</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">d</div>
								<div style="position: relative; display: inline-block; opacity: 1;">o</div>
								<div style="position: relative; display: inline-block; opacity: 1;">r</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">L</div>
								<div style="position: relative; display: inline-block; opacity: 1;">P</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">7</div>
								<div style="position: relative; display: inline-block; opacity: 1;">8</div>
								<div style="position: relative; display: inline-block; opacity: 1;">0</div>
								<div style="position: relative; display: inline-block; opacity: 1;">-</div>
								<div style="position: relative; display: inline-block; opacity: 1;">4</div>
							</div>
							<div style="position:relative;display:inline-block;">
								<div style="position: relative; display: inline-block; opacity: 1;">U</div>
								<div style="position: relative; display: inline-block; opacity: 1;">l</div>
								<div style="position: relative; display: inline-block; opacity: 1;">t</div>
								<div style="position: relative; display: inline-block; opacity: 1;">i</div>
								<div style="position: relative; display: inline-block; opacity: 1;">m</div>
								<div style="position: relative; display: inline-block; opacity: 1;">a</div>
								<div style="position: relative; display: inline-block; opacity: 1;">e</div>
							</div>
						</h1>
						<h2 class="page-title1" style="">成为永恒需要时间</h2>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<br /><br />
		<div class="container" id="nav-c">
			<div class="row">
				<div class="col-md-10" id="tu">

					<img src="image/ar_aventador_svj.webp" alt="">
					<br />
				</div>
				<div id="nav-img">
					<div class="col-md-2" id="ewm">
						<h2>增强现实</h2>
						<p>使用智能手机扫描二维码，开启 Lamborghini 增强现实体验。</p>
						<div class="image"><img src="image/lam.bo.asvj-cn.png" alt=""></div>
					</div>
				</div>
			</div>
			<br />
		</div>
		<br />
		<div class="vidio-box">
			<div class="meride-video-container">
				<video width="1776" height="384" type="video/mp4" src="image/52863319_da2-1-64.mp4" autoplay="autoplay"
					controls="controls" loop="loop" style="width: 100%; height: 100%; object-fit: cover;"></video>
			</div>
		</div>
		<div class="container nav">
			<!-- 中等屏幕分成四份 -->
			<div class="row">
				<div class="col-md-6">
					<div class="row">
						<br />
						<div class="col-sm-6">
							<div class="row">
								<div class="thumbnail">
									<img src="image/aventador_svj_s2.webp" alt="...">
									<div class="caption">
										<h3>外观</h3>
										<p>轻量化的车身材料最大程度地激发了车辆性能。<br>
											全新设计的前脸、更宽的侧裙板、“Ω”字型尾翼，均更加凸显车辆的空气动力学特征。抬高的排气管经过减重设计，配合轻巧的碳纤维车身。<br>
											限量款车型SVJ 63采用独特的色彩和内饰，彰显对碳纤维的广泛应用，限量生产仅63台。
											&nbsp;</p>

									</div>
								</div>

							</div>
						</div>

						<div class="col-sm-6">
							<div class="row">

								<div class="thumbnail">
									<img src="image/aven_svj_s_03.jpg" alt="...">
									<div class="caption">
										<h3>内饰</h3>

										<p>兰博基尼在航空设计中汲取灵感：充满科技感的碳纤维元素不仅体现在单体式车壳上，在车门、座椅、中央扶手和中控台等细节处也不断呼应。真皮材质和Alcantara
											覆裹的奢华内饰，传达着尊贵独享的态度。交叉缝线的精致细节和SVJ内饰铭牌，更让这辆追求极致的工业设计杰作显露出独一无二的气质。
										</p>
										<p></p>

									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
				<br />
				<div class="col-md-6">
					<div class="row">
						<div class="col-sm-6">
							<div class="row">

								<div class="thumbnail">
									<img src="image/s_gateway_urus_02.webp" alt="...">
									<div class="caption">
										<h3><img src="image/Image 34.webp" alt=""></h3>
										<p>兰博基尼Urus作为世界首款超级SUV，融合了超级跑车的灵魂与SUV的性能。Urus搭载4.0升V8双涡轮增压发动机，动力高达650马力，最大扭矩850牛·米，从静止到100公里/小时加速仅需3.6秒，最高时速可达到305公里。从设计、性能、动态驾控体验到驾驶激情，都承袭着纯粹的兰博基尼基因。
										</p>

									</div>
								</div>

							</div>

						</div>
						<div class="col-sm-6">
							<div class="row">
								<div class="thumbnail">
									<img src="image/sian_rds_s_02.webp" alt="...">
									<div class="caption">
										<h3>设计</h3>
										<p>从道路，到沙地、冰川、砾石或岩石路，Urus都能让你在各种环境中自由驰骋。Urus绝对是一台探索全新可能性的超级SUV。在探索新道路的同时，您会找到自我表达的全新方式，敢于挑战，丰盈生活，不惧远行——一切皆是心之所向，永远保持真我并探索自我可能。驾驶Urus解锁任何道路，展现自我本色。
											&nbsp;</p>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<br />

		</div>

	</body>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="jquery-1.11.3/jquery-1.12.3.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="bootstrap-3.4.1-dist/js/bootstrap.js"></script>

</html>
